﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link href="~/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="~/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="~/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="~/css/base.css" />
    <link rel="stylesheet" href="~/css/info-mgt.css" />
    <link rel="stylesheet" href="~/layui/css/layui.css" />
    <script type="text/javascript" src="~/js/jquery.js"></script>
    <script type="text/javascript" src="~/js/common.js"></script>
    <script src="~/layui/layui.all.js"></script>
    <script src="~/js/layer_v2.1/layer/layer.js"></script>
    <script type="text/javascript" src="~/layui/layui.js"></script>
    <script src="~/Scripts/static/common/layui/layui.js"></script>
    <script src="~/Scripts/static/admin/js/canvas.js"></script>
    <script src="~/js/Format.js"></script>
    @*<script src="~/JS3/Myfile_data.js"></script>*@
    <style>
        .tree_left {
            box-sizing: border-box;
            overflow-y: auto;
            width: 19%;
            border: 1px #c1d3de solid;
            margin-right: 1%;
            border-top: none;
        }

            .tree_left h6, .tree_right h6 {
                line-height: 30px;
                font-weight: bold;
                padding-left: 6px;
                color: #000;
                font-size: 14px
            }

        .tree_left_top {
            margin: 6px
        }

        .tree_input input {
            border: 1px #ccc solid;
            margin: 3px 0 0 10px;
            border-radius: 4px;
        }

        .layui-layer-title {
            background: url(images/righttitlebig.png) repeat-x;
            font-weight: bold;
            color: #46647e;
            border: 1px solid #c1d3de;
            height: 33px;
            line-height: 33px;
        }

        .tabe_bot label {
            width: 70px;
            text-align: right;
            font-size: 14px;
            font-weight: 900;
            color: #46647e
        }

        .l_left {
            float: left
        }

        .tabe_bot input, .tabe_bot select {
            width: 180px;
            height: 30px;
            border-radius: 6px;
            margin: 0 20px 0 0;
            border: none;
            border: 1px #ccc solid
        }

        .tabe_btn {
            width: 60px;
            height: 30px;
            background-color: #68b86c;
            border: none;
            border-radius: 6px;
            color: #fff
        }

        div#rMenu {
            position: absolute;
            visibility: hidden;
            top: 0;
            background-color: #99c9db;
            text-align: left;
            padding: 2px;
            z-index: 999
        }

            div#rMenu ul li {
                margin: 1px 0;
                padding: 5px 15px;
                cursor: pointer;
                list-style: none outside none;
                background-color: #5a8cc4;
                color: #fff
            }

                div#rMenu ul li:hover {
                    color: #000;
                    background-color: #ccc
                }

        #rMenu ul {
            margin: 0;
            padding: 0
        }
    </style>

    <script src="~/js/jquery.js"></script>

    <title>私人资料</title>
</head>

<body onload="Myfileload()">
    <div class="title"><h2>私人资料</h2></div>

    <div class="l_left" style="width: 100%">
        <div class="query">
            <div class="tabe_bot">
                <div class="l_left" style="margin-left: 20px"><label>文件名称：</label><input type="text" placeholder="请输入制度名称" id="name"></div>
                <div class="l_left">
                    <label>文件类型：</label><select id="type">
                        <option value="MP3">MP3</option>
                        <option value="Video">Video</option>
                        <option value="MP4">MP4</option>
                    </select>
                </div>
                <button class="tabe_btn " id="GetData">查询</button>
                <div class="clear"></div>
            </div>
        </div>
        <div class="table-operate ue-clear">
            <a href="javascript:;" class="add" style=" background:url(~/images/tjico_up.png) no-repeat left 9px;">上传</a>
            <a href="javascript:;" class="edit" style=" background:url(~/images/tjico_down.png) no-repeat left 9px;" onclick="down(id)">下载</a>
            <a href="javascript:;" class="del" onclick="del(id)">删除</a>


        </div>
        <div class="table-box">
            <table class="layui-hide" id="test" lay-filter="demo"></table>
            <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
        <div class="pagination ue-clear"></div>
    </div>

</body>
</html>

